import React, { Component } from 'react'

// 类组件 (内部状态)
export default class Com extends Component {
    // 第一种定义内部状态的方式
    // constructor() {
    //     super()
    //     this.state = {
    //         num: 88888
    //     }
    // }
    // 第二种定义内部状态的方式
    state = {
        count: 666666
    }
    
    changeCount = () => {
        // 修改state数据
        // this.setState({要修改的数据}, 回调)
        this.setState({
            count: 888888
        }, () => {
            console.log(this.state.count)
        })

        // this.setState  时而异步时而同步
        
    }

    render() {
        // 解构赋值
        const { count, num } = this.state
        return (
            <div>
                <p>
                    count --- { count }
                </p>
                <button onClick={() => {
                    // 定义修改count的函数
                    this.changeCount()
                }}>
                    点我修改数据
                </button>
                {/* <p>
                    num  --- { num }
                </p> */}
            </div>
        )
    }
}
